.goodslist {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	.goodslist-box {
		width: 100%;
		height: 100%;
		background: #fff;
		display: flex;
		.goodslist-left {
			width: 5rem;
			height: 100%;
			border-right: 0.01rem solid #e6e6e6;
			box-sizing: border-box;
			overflow: hidden;
			position: relative;

			.notYet {
				color: #e6e6e6;
				font-size: 0.4rem;
				padding-top: 3rem;
				text-align: center;
			}
			.goods-title {
				text-align: center;
				line-height: 0.6rem;
				font-size: 0.18rem;
				font-weight: 500;
				height: 0.6rem;
				border-bottom: 0.01rem solid #e6e6e6;
				box-sizing: border-box;
				position: relative;
				.icongengduo1 {
					position: absolute;
					top: 50%;
					right: 0.2rem;
					transform: translateY(-50%);
					font-size: 0.3rem;
					color: $uni-color-primary;
				}
			}
			.goods-search {
				width: 100%;
				height: 0.6rem;
				border-bottom: 0.01rem solid #e6e6e6;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0 0.2rem;
				box-sizing: border-box;
				.search {
					width: 5.6rem;
					height: 0.4rem;
					border-radius: 0.04rem;
					background: #f5f5f5;
					display: flex;
					align-items: center;
					padding: 0 0.2rem;
					box-sizing: border-box;
					.iconfont {
						font-size: 0.16rem;
						color: #909399;
						margin-right: 0.11rem;
					}
					input {
						width: 80%;
						height: 60%;
						border: none;
						font-size: 0.14rem;
					}
				}
			}
			.goods-list-scroll {
				width: 100%;
				height: calc(100% - 1.8rem);
				.itemhover {
					background: #f3eeff;
				}
				.item {
					padding: 0.2rem;
					.title {
						display: flex;
						align-items: center;
						justify-content: space-between;
						margin-bottom: 0.2rem;
						view {
							font-size: 0.16rem;
						}
						view:nth-child(2) {
							color: $uni-color-primary;
						}
					}
					.ordergoods-detail {
						width: 100%;
						display: flex;
						align-items: center;
						margin-bottom: 0.15rem;
						image {
							width: 0.7rem;
							height: 0.7rem;
							margin-right: 0.1rem;
						}
						.goods-detail {
							width: 85%;
							view {
								text-overflow: -o-ellipsis-lastline;
								overflow: hidden;
								text-overflow: ellipsis;
								display: -webkit-box;
								-webkit-line-clamp: 2;
								line-clamp: 2;
								-webkit-box-orient: vertical;
							}
							.goods-name {
								font-size: 0.16rem;
								margin-bottom: 0.1rem;
							}
							.sku-name {
								color: #909399;
								font-size: 0.14rem;
								margin-bottom: 0.1rem;
							}
							.money-num {
								font-size: 0.14rem;
								display: flex;
								align-items: center;
								justify-content: space-between;
								text:nth-child(2) {
									color: #909399;
								}
							}
						}
					}
					.item-unit {
						position: absolute;
						bottom: 0;
						left: 50%;
						transform: translateX(-50%);
						background: #e6e6e6;
						height: 0.01rem;
						width: 5.6rem;
					}
				}
			}
			.add-wastage {
				margin: 20rpx 20rpx 0;
				color: #fff;
				font-size: $uni-font-size-base;
				background-color: $uni-color-primary;
			}
		}
		.goodslist-right {
			flex: 1;
			width: 0;
			height: 100%;
			border-right: 0.01rem solid #e6e6e6;
			box-sizing: border-box;
			position: relative;
			padding-bottom: 0.8rem;
			overflow: hidden;

			.goods-title {
				text-align: center;
				line-height: 0.6rem;
				font-size: 0.18rem;
				font-weight: 500;
				height: 0.6rem;
				border-bottom: 0.01rem solid #e6e6e6;
				box-sizing: border-box;
				position: relative;
			}
			.cart-empty {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 2.1rem;
				height: 1.55;
			}
			.order-information {
				width: 100%;
				height: calc(100% - 0.6rem);
				background: #f8f8f8;
				padding: 0.2rem;
				box-sizing: border-box;
				overflow: scroll;
				// position: relative;

				.order-status {
					font-size: 0.24rem;
					font-weight: bold;
					margin-bottom: 0.24rem;
				}
				.order-types {
					width: 100%;
					min-height: 1rem;
					background: #ffffff;
					padding: 0.2rem 0.3rem;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					margin-bottom: 0.2rem;
					box-sizing: border-box;
					.type {
						padding-left: 0.1rem;
						view {
							font-size: 0.14rem;
							.look {
								color: $uni-color-primary;
								margin-left: 0.24rem;
							}
						}
						view:nth-child(1) {
							width: 0.9rem;
							text-align: right;
							margin-right: 0.1rem;
						}
					}
					.type1 {
						display: flex;
						align-items: center;
						height: 0.34rem;
					}
				}
				.goods-info {
					min-height: 2.7rem;
					background: #ffffff;
					padding: 0.2rem;
					box-sizing: border-box;
					.title {
						font-size: 0.18rem;
						font-weight: 550;
						margin-bottom: 0.2rem;
					}
					.table {
						width: 100%;
						box-sizing: border-box;
						margin-bottom: 0.2rem;
						.table-all {
							width: 100%;
							display: flex;
							align-items: center;
							justify-content: space-between;
							padding: 0 0.38rem;
							box-sizing: border-box;
							.table-td {
								font-size: 0.14rem;
								text-align: left;
								display: flex;
								align-items: center;
								justify-content: center;
								image {
									margin-right: 0.1rem;
								}
							}
							.table-goods-name {
								image {
									width: 0.6rem;
									height: 0.6rem;
									margin-right: 0.1rem;
									flex-shrink: 0;
								}
							}
						}
						.table-th {
							height: 0.56rem;
							background: #f7f8fa;
						}
						.table-tr {
							height: 0.7rem;
							border-bottom: 0.01rem solid #e6e6e6;
							.table-td {
								image {
									width: 0.5rem;
									height: 0.5rem;
								}
								.gift-tag {
									font-size: 0.12rem;
									background: #f00;
									margin-right: 0.05rem;
									color: #fff;
									line-height: 1;
									padding: 0.01rem 0.05rem;
									border-radius: 0.03rem;
								}
								.content-text {
									width: 80%;
									height: 0.4rem;
									text-overflow: -o-ellipsis-lastline;
									overflow: hidden;
									text-overflow: ellipsis;
									display: -webkit-box;
									-webkit-line-clamp: 2;
									line-clamp: 2;
									-webkit-box-orient: vertical;
								}
							}
						}
						.refund-success {
							color: $primary-color;
							font-size: 0.12rem;
							margin-top: 0.05rem;
						}
					}
				}
			}
			.total-money-num {
				display: flex;
				flex-direction: column;

				.box {
					justify-content: flex-end;
					padding: 0.1rem 0 0 0;
					color: #333;
				}
				.money {
					text-align: right;
					width: 1.2rem;
					color: #333;
					font-size: 0.14rem;
				}
				.total {
					border-top: 0.01rem solid #e6e6e6;
					margin-top: 0.1rem;

					.money {
						color: #fe2278;
						font-size: 0.18rem;
					}
				}
			}
		}
	}
}

.other-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.total-money-num {
	.member-info {
		display: flex;
		align-items: center;
		float: left;
	}
	.box {
		display: flex;
		align-items: center;
		float: right;
		view {
			font-size: 0.14rem;
		}
		view:nth-child(1) {
			// transform: translateY(-.01rem);
		}
		view:nth-child(2) {
			color: #fe2278;
			font-size: 0.18rem;
		}
	}
}
.total-money-num:after {
	overflow: hidden;
	content: '';
	height: 0;
	display: block;
	clear: both;
}

/deep/ .uni-scroll-view::-webkit-scrollbar {
	width: 0.05rem;
	height: 0.3rem;
}
/deep/ .uni-scroll-view::-webkit-scrollbar-thumb {
	border-radius: 0.1rem;
	box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);
	background: rgba(193, 193, 193, 1);
}

.order-information::-webkit-scrollbar {
	width: 0.05rem;
	height: 0.3rem;
}
.order-information::-webkit-scrollbar-thumb {
	border-radius: 0.1rem;
	box-shadow: inset 0 0 0.05rem rgba(0, 0, 0, 0.2);
	background: rgba(193, 193, 193, 1);
}

.action-box {
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #ffffff;
	padding: 0.18rem 0.2rem;
	box-sizing: border-box;
	button {
		min-width: 0.9rem;
		height: 0.4rem;
		border: 0.01rem solid $uni-color-primary;
		border-radius: 0.02rem;
		color: $uni-color-primary;
		font-size: 0.18rem;
		text-align: center;
		line-height: 0.4rem;
		float: right;
		margin-left: 0.1rem;
	}
}

.confirm-pop {
	width: 3rem;
	min-height: 1.5rem;
	border-radius: 0.06rem;
	background: #ffffff;
	padding: 0.4rem 0.15rem 0;
	box-sizing: border-box;
	.title {
		font-size: 0.16rem;
		text-align: center;
	}
	.btn {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 0.3rem;
		.btn {
			width: auto;
			height: auto;
			padding: 0 0.15rem;
			margin: 0;
			height: 0.35rem;
		}
		.btn:last-child {
			margin-left: 0.25rem;
		}
	}

	&.message {
		width: 5.2rem;
		min-height: 3.2rem;
		background: #ffffff;
		padding-top: 0;
		padding-bottom: 0.15rem;
		&:after {
			overflow: hidden;
			display: block;
			content: '';
			height: 0;
			clear: both;
		}
		.title {
			width: 100%;
			height: 0.5rem;
			border-bottom: 0.01rem solid #e6e6e6;
			text-align: center;
			line-height: 0.5rem;
			font-size: 0.16rem;
			font-weight: bold;
			position: relative;
			.iconguanbi1 {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 0.15rem;
				font-size: 0.18rem;
			}
		}
		.textarea-box {
			margin: 0.15rem;
			height: 2.2rem;
			border: 0.01rem solid #e6e6e6;
			border-radius: 0.06rem;
			padding: 0.15rem;
			box-sizing: border-box;
			.textarea {
				width: 100%;
				height: 100%;
			}
		}
		.save {
			width: auto !important;
			float: right;
			margin-right: 0.15rem;
		}
	}
}
